<template>
	<div>
		<div id="head">
			<div class="title">
		<img class="deng" src="../assets/img/fenlei/ald.png"/>
		<input type="text" name="shuru" id="shuru" value="输入商品关键字" />
		<img class="sousuo" src="../assets/img/fenlei/sousuo.png"/>
		<img class="xinxi" src="../assets/img/fenlei/message.png"/>
		</div>
	</div>
	
	</div>
</template>

<script>
	
</script>

<style>
	#head{
		position: fixed;
		width: 100%;
		height: 9.6rem;
		z-index: 11;
		left: 0;
		top: 0;
	}
	.title{
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
		display: flex;
		justify-content: space-around;
	}
	.title .deng{
		width: 10.4rem;
		height: 3.4rem;
		margin-top: 3.3rem;
	}
	#shuru{
		width: 40rem;
		height: 4.8rem;
		margin-top: 2.4rem;
		border-radius:1rem;
		font-size: 2.4rem;
		color: #E53E42;
		padding-left: 5rem;
	}
	.title .xinxi{
		width: 3.8rem;
		height: 3.8rem;
		margin-top: 2.9rem;
	}
	.title .sousuo{
		position: absolute;
		width: 2.8rem;
		left:25%;
		top: 32%;
	}
	.left ul{
		width: 18rem;
		height: 104rem;
		border-right: 0.1px solid #666666;
	}
	.left ul li{
		border: 0.1rem solid #666666;
		width: 18rem;
		height: 8rem;
		border-right:none;
	}
	.left ul li a{
		font-size: 2.6rem;
		line-height: 8rem;
	}
</style>